<template>
	<view>
		<view class="topSearch">
			<view class="tscont">
				<view class="tscontleft">
					<text>武汉</text>
					<navigator url="/pages/index/test">
						<uni-icons type="location" size="20" color="#fff"></uni-icons>
					</navigator>
				</view>
				<view class="tscontright">
					<view class="searchBox">
						<label>
							<uni-icons type="search" size="20"></uni-icons>
							<navigator url="/pages/searchHospital/index">
								<text>搜索医院</text>
							</navigator>
						</label>
						<view class="spans">|</view>
						<label>
							<uni-icons type="search" size="20"></uni-icons>
							<navigator url="/pages/searchDoctor/index">
								<text>搜索医生</text>
							</navigator>
						</label>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped>
	.topSearch {
		padding: 30px 0 80px 0;
		background-color: #64BF07;
		border-bottom-left-radius: 30%;
		border-bottom-right-radius: 30%;
	}
	
	.tscont {
		display: flex;
	}
	
	.tscontleft {
		flex: none;
		width: 80px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.tscontleft text {
		color: #fff;
		font-size: 14px;
	}
	
	.tscontright {
		flex: 1;
	}
	
	.searchBox {
		background-color: #fff;
		padding: 5px 0;
		margin: 0 20px;
		display: flex;
		border-radius: 20px;
		justify-content: space-evenly;
		align-items: center;
	}
	
	.searchBox text {
		font-size: 14px;
		color: #999;
	}
	
	.searchBox label {
		display: flex;
		align-items: center;
	}
	
</style>